import { View } from '@tarojs/components';
import './HeroType.scss';
interface IHeroType {
  type: number;
}
function HeroType(props: IHeroType) {
  const heroTypeData = [0, 2, 1, 0, 4, 5, 3];
  return (
    <View
      className="HeroType"
      style={{
        backgroundPositionY: heroTypeData[props.type] * 20 + '%',
      }}
    ></View>
  );
}
export default HeroType;
